body {
	font-size: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-weight: bold;
	color: #000099;
	margin: 10px 0px;
}

p span {
	color: #006600;
	font-weight: bold;
}

a,a:link,a:visited {
	color: #0000FF;
}

textarea {
	width: 96%;
	padding: 10px;
	margin: 10px 0 15px 0;
	font-size: 16px;
	font-family: normal 11px/ 18px Tahoma, Helvetica, verdana, arial,
		sans-serif;
	resize: none;
}

textarea.html {
	height: 300px;
}

p {
	margin: 0 0 10px 0;
}

code,pre {
	font-family: Consolas, monospace;
	color: green;
}

ol li {
	margin: 0 0 15px 0;
}

.cssmenu ul,.cssmenu li,.cssmenu span,.cssmenu a {
	margin: 0;
	padding: 0;
	position: relative;
}

.cssmenu {
	height: 35px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	background: #141414;
	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a),
		color-stop(100%, #141414));
	background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
	background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a',
		EndColorStr='#141414', GradientType=0);
	border-bottom: 2px solid #e00f16;
}

.cssmenu:after,.cssmenu ul:after {
	content: '';
	display: block;
	clear: both;
}

.cssmenu a {
	background: #141414;
	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a),
		color-stop(100%, #141414));
	background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
	background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a',
		EndColorStr='#141414', GradientType=0);
	color: #ffffff;
	display: inline-block;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 35px;
	padding: 0 20px;
	text-decoration: none;
}

.cssmenu ul {
	list-style: none;
}

.cssmenu>ul {
	float: left;
}

.cssmenu>ul>li {
	float: left;
}

.cssmenu>ul>li:hover:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e00f16;
	margin-left: -10px;
}

.cssmenu>ul>li:first-child a {
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
}

.cssmenu>ul>li:last-child a {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
}

.cssmenu>ul>li.active a {
	box-shadow: inset 0 0 3px #000000;
	-moz-box-shadow: inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
	background: #070707;
	background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c),
		color-stop(100%, #070707));
	background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
	background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
	background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
	background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c',
		EndColorStr='#070707', GradientType=0);
}

.cssmenu>ul>li:hover>a {
	background: #070707;
	background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c),
		color-stop(100%, #070707));
	background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
	background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
	background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
	background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c',
		EndColorStr='#070707', GradientType=0);
	box-shadow: inset 0 0 3px #000000;
	-moz-box-shadow: inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
}

.cssmenu .has-sub {
	z-index: 1;
}

.cssmenu .has-sub:hover>ul {
	display: block;
}

.cssmenu .has-sub ul {
	display: none;
	position: absolute;
	width: 300px;
	top: 100%;
	right: 0;
}

.cssmenu .has-sub ul li {
	*margin-bottom: -1px;
}

.cssmenu .has-sub ul li a {
	background: #e00f16;
	border-bottom: 1px dotted #ec6f73;
	filter: none;
	font-size: 11px;
	display: block;
	line-height: 120%;
	padding: 10px;
}

.cssmenu .has-sub ul li:hover a {
	background: #b00c11;
}

.cssmenu .has-sub .has-sub:hover>ul {
	display: block;
}

.cssmenu .has-sub .has-sub ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}

.cssmenu .has-sub .has-sub ul li a {
	background: #b00c11;
	border-bottom: 1px dotted #d06d70;
}

.cssmenu .has-sub .has-sub ul li a:hover {
	background: #80090d;
}

.container {
	width: 980px;
	height: 1000px;
	border: 1px solid;
	margin: 0px auto;
}

.left-info {
	float: left;
	width: 40%;
	height: 100px;
	background: red;
}

.right-info {
	float: right;
	width: 60%;
	height: 100%;
}

.left-container {
	width: 15%;
	border: 1px solid blue;
	overflow: hidden;
}

.left-container .title {
	font-size: 16px;
	background: #D8DFEA;
}

.left-container a {
	text-decoration: none;
	color: #000000;
}

.left-container a:hover {
	text-decoration: underline;
}

.left-container ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.left-container ul li {
	list-style: none;
	width: 100%;
	height: 30px;
}

.left-container li:hover {
	background: #CCCC99;
}

.left-container img {
	margin: 0px 7px;
}

.profile-name {
	position: relative;
	top: -50px;
	left: 77px;
}

.score {
	color: #FA9F00;
	font-weight: bold;
}

.sub-center-container {
	width: 84%;
	float: right;
}

.clear {
	clear: both;
}

.left-container textarea {
	width: 100px;
}

.title-status {
	font-weight: bold;
	margin-top: 20px;
	s
}

.left-container button {
	width: 100px;
	height: 40px;
	background: red;
	border-radius: 5px;
	float: right;
}

.right-container {
	width: 24%;
	float: right;
	height: 1000px;
	border: 1px solid #ccc;
}

.content-container {
	width: 100%;
	margin-top: 10px;
}

.content-container .content-container-article {
	width: 100%;
	margin-top: 50px;
}

.left-article {
	width: 10%;
	float: left;
}

.right-article {
	width: 89%;
	float: right;
}

div .nameUserPost {
	color: #476DA4;
	font-weight: bold;
}

.contentPost {
	margin: 10px 0px;
}

.sub-center-container {
	width: 82%;
	float: right;
	border-left: 1px solid #CCCCCC;
}

.slide-show {
	width: 500px;
	height: 148px;
	background: url("imgs/slide1.jpg");
	margin: 20px 0px;
}

.toolbar {
	color: #FFF;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	background-color: #333;
	border-left: 3px solid #000;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	margin-bottom: 15px;
}

.toolbar a {
	text-decoration: none;
	color: white;
}

.sublink {
	float: right;
	margin: 0px 35px;
}

.sub-search {
	height: 30px;
	width: 100%;
	line-height: 30px;
	border: 1px solid;
}

.sub-search .number-result {
	font-weight: bold;
	font-size: 12px;
	float: left;
	line-height: 30px;
}

.sub-search .searchBar {
	float: right;
	margin-top: 1px;
}

.button-search {
	width: 32px;
	height: 30px;
	background: url("imgs/search_button.png");
	float: right;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #7A7A7A;
}

.list-game {
	width: 100%;
	overflow: hidden;
}

.list-game ul {
	padding: 0px;
	margin: 0px;
}

.list-game ul li {
	list-style: none;
	width: 110px;
	margin: 10px 22px;
	display: inline-block;
}

.list-game .thumbnail-game {
	width: 110px;
	height: 110px;
	background: url("imgs/thumbnail1.png");
	border-radius: 10px;
}

.list-game .name-game,.star-game,.number-played {
	text-align: center;
	margin: 2px;
}

/* ------------ DEVELOPER  ------------------*/
.container-developer {
	width: 980px;
	margin: 0px auto;
	border : 1px solid #ccc;
	box-shadow: 0px 0px 7px #505050;
}

.logo-dep {
	width: 100%;
	height: 80px;
	margin : 50px auto ;
	font-size : 25px;
	text-align : center ;
	font-weight: bold ;
	color : blue ;
}
.logo-dep div{
	margin-top:40px;
}

.type-dep {
	width: 100%;
	height: 200px;
}

.type-dep ul li {
	list-style: none;
	display: inline-block;
	width: 250px;
	margin: 0px 25px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.type-dep-icon {
	width: 128px;
	height: 128px;
	margin: 0px auto;
}

.type-dep {
	text-align: center;
}

.type-dep-title a {
	font-size: 18px;
	font-weight: bold;
	color: #3B5998;
	cursor: pointer;
	text-decoration: none;
	margin: 5px 0px;
}

.type-dep-descrip {
	color: #666;
	font-size: 11px;
	text-align: center;
}

.title-list-game-dep {
	color: #FFF;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	background-color: #333;
	border-left: 3px solid #000;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	margin-bottom: 15px;
	text-align: center;
}

.list-game-dep {
	width: 100%;
	border: 1px solid;
}

.footer {
	width: 980px;
	height: 200px;
	margin: 20px auto;
}

.footer .contact {
	text-align: left;
	float: left;
	margin: 15px;
	width: 360px;
	color: #585858;
}

.footer .copyright {
	float: right;
	width: 500px;
	margin: 15px;
	color: #585858;
	text-align: left;
}

.copyright img {
	width: 100px;
	height: 70px;
}

.slogan {
	width: inherit;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	color: #3791B6;;
	font-family: uvnb;
}

.table-upload {
	width: 100%;
	height: 300px;
	border: 2px solid #CCCCCC;
	background: #DDD;
	border-radius: 20px;
}

.title-table-upload {
	font-size: 20px;
	text-align: center;
	margin: 20px 0px;
}

.label-title {
	background-color: #f6f6f6;
	color: #323232;
	font-weight: bold;
	width: 155px;
	padding: 5px;
	margin: 0 4px;
	float: left;
	text-align: right;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

.login-header {
	background-color: #3B5998;
	height: 82px;
	width: 100% px;
}

.login-logo {
	width: 202px;
	height: 82px;
	background: url("../images/login-logo.png");
	margin-left: 176px;
	float: left;
	cursor: pointer;
}
.login-logo:hover{
	background-color:#003399;
}

.login-header-container {
	width: 500px;
	height: 70px;
	float: right;
	margin-right: 150px;
	margin-top: 5px;
}

table {
	border-collapse: separate;
	border-spacing: 2px;
	border-color: #808080;
}

.login-header-container div {
	display: inline-block;
	margin: 4px 14px;
}

.login-header-container label {
	text-align: left;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 13px;
	color: white;
	width: 150px;
	height: 20px;
}

.login-header-container input {
	width: 150px;
	height: 20px;
	margin: 4px 14px;
	border: 1px solid #1D2A5B;
}

.login-header-container .login-button {
	background-color: #5B74A8;
	border: 1px solid #1A356E;
	width: 100px;
	height: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	color: white;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	float:right;
	
}
.login-button a {
	text-decoration : none ;
	color : white ;
}
.login-register {
	width: 500px;
	padding-bottom: 50px;
	float: right;
	margin-right: 150px
}

.login-register-title {
	font-size: 20px;
	text-align: center;
	margin: 20px auto;
}

.login-register input {
	border-radius: 5px;
	font-size: 18px;
	border: 1px solid #BDC7D8;
	height: 40px;
	margin-top: 12px;
	padding-left: 20px;
}

::-webkit-input-placeholder {
	color: #ADADAD;
}

.login-register .sex-label {
	font-size: 20px;
	margin-right: 30px;
	position: relative;
	top: -12px;
}

.button-register {
	width: 200px;
	height: 45px;
	position: relative;
	top: 30px;
	left: 0px;
	background: -webkit-linear-gradient(top, #79BC64, #578843);
	text-align: center;
	font-size: 25px;
	color: white;
	font-weight: bold;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	line-height: 25px;
	border-radius: 10px;
}

.login-register-img {
	width: 650px;
	height: 350px;
	float: left;
	position: relative;
}

.alert-error {
	width: 500px;
	margin: 0px auto;
	border: 1px solid;
	color: #333;
	background-color: #FFEBE8;
	border: 1px solid #DD3C10;
}
.alert-error2 {
	width: 500px;
	border: 1px solid #ccc;
	color: #333;
	background-color: #FFEBE8;
	position: absolute;
	right:140px;
}


.alert-error,.alert-error2 ul {
	margin: 0px;
	padding: 0px;
}

.alert-error,.alert-error2 li {
	list-style: none;
	margin: 20px;
	color: #333;
}

@
-webkit-keyframes effectError {from { -webkit-transform:scale(.1, .1);
	
}

to {
	-webkit-transform: scale(1, 1);
}

}
.login-input-medium {
	width: 479px;
}

.login-input-sort {
	width: 218px;
	margin-right: 20px;
}

.login-input-sort2 {
	width: 218px;
}

.alert-register {
	width: 500px;
	margin: 0px auto;
	margin-top: 55px;
	border: 1px solid;
	color: #333;
	background-color: #FFEBE8;
	border: 1px solid #DD3C10;
	padding: 10px 0px;
	text-align: center;
}

.login-register-button {
	font-size: 20px;
	width: 400px;
	height: 100px;
	margin-top: 100px;
	margin-right: -100px;
	float: right;
}

.login-register-button a {
	width: 200px;
	height: 50px;
	background: -webkit-linear-gradient(top, #79BC64, #578843);
	text-align: center;
	font-size: 20px;
	color: #FFF;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	line-height: 50px;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
}

.register-here {
	width: 150px;
	height: 45px;
	background: -webkit-linear-gradient(top, #79BC64, #578843);
	text-align: center;
	font-size: 20px;
	color: #FFF;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	line-height: 20px;
	border-radius: 3px;
}

.button-upload {
	background-color: #5B74A8;
	border: 1px solid #1A356E;
	width: 100px;
	height: 25px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	line-height: 25px;
	float:right ;
	position: relative; 
	top :4px;
	cursor: pointer;
	
}
.button-upload  a {
	text-decoration: none ;
	color : white ;
	position: relative;
	top:-4px;
}
.button-upload:hover{
	box-shadow : 1px 1px 10px blue;	
}




.rw-wrapper{
	width: 70%;
	position: relative;
	margin: 10px auto;
	font-family: 'Bree Serif';
	height:100px;
	text-align: center ;
	left:50px;
}
.rw-sentence{
	margin: 0;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.rw-sentence span{
	color: #444;
	font-size: 200%;
	font-weight: normal;
}
.rw-words{
	display: inline;
	text-indent: 10px;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #0033CC;
	-webkit-animation: rotateWord 20s linear infinite 0s;
	-moz-animation: rotateWord 20s linear infinite 0s;
	-o-animation: rotateWord 20s linear infinite 0s;
	-ms-animation: rotateWord 20s linear infinite 0s;
	animation: rotateWord 20s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 5s; 
	-moz-animation-delay: 5s; 
	-o-animation-delay: 5s; 
	-ms-animation-delay: 5s; 
	animation-delay: 5s; 
	color: #33FF33;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 10s; 
	-moz-animation-delay: 10s; 
	-o-animation-delay: 10s; 
	-ms-animation-delay: 10s; 
	animation-delay: 10s; 
	color: #E00000 ;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 15s;
	-moz-animation-delay: 15s; 
	-o-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	color: #CC00CC;
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -moz-transform: translateY(-30px); }
	5% { opacity: 1; -moz-transform: translateY(0px);}
    17% { opacity: 1; -moz-transform: translateY(0px); }
	20% { opacity: 0; -moz-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -o-transform: translateY(-30px); }
	5% { opacity: 1; -o-transform: translateY(0px);}
    17% { opacity: 1; -o-transform: translateY(0px); }
	20% { opacity: 0; -o-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; transform: translateY(-30px); }
	5% { opacity: 1; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
	20% { opacity: 0; transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 768px){
	.rw-sentence { font-size: 18px; }
}
@media screen and (max-width: 320px){
	.rw-sentence { font-size: 9px; }
}


@charset "UTF-8";
@font-face
{
  font-family: uvnb;
  src: url('../fonts/UVNVan_B.TTF') format('truetype'),
   url('../fonts/UVNVan_B.eot') format('eot'),
   url('../fonts/UVNVan_B.otf') format('otf'),
   url('../fonts/UVNVan_B.svg') format('svg');  
}
@font-face
{
  font-family: uvn;
  src: url('../fonts/UVNVan_R.TTF') format('truetype'),
   url('../fonts/UVNVan_R.eot') format('eot'),
   url('../fonts/UVNVan_R.otf') format('otf'),
   url('../fonts/UVNVan_R.svg') format('svg');  
}
body{
  margin: 0px auto;
  font-family: uvn;
  background-color: #3b3b3b;
}


/* footer */
.terrabook-container{
  margin: 0px auto;
  width: 1024px;
}
.terra-homepage{
	height: 689px;
	/* webkit */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	/* moz */
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	/* ms */
	display: -ms-box;
	-ms-box-pack: center;
	-ms-box-align: center;
	/* ms */
	display: -o-box;
	-o-box-pack: center;
	-o-box-align: center;
}
.terrabook-footer{
  background-color: white;
  height: 106px;
  display: inline-block;
  box-shadow : 0px 0px 10px #808080;
  /*margin-right: 14px;*/
}
.terrabook-footer > div{
  display : inline-block;
}
.terrabook-footer > .left{
  color: #606060 ;
  width: 250px;
  font-size: 12px;
  text-align:center;
  padding-top: 10px;
}
.terrabook-footer .left span{
  font-family : uvnb;
  font-size: 20px;
  line-height: 45px;
}
.terrabook-footer > .center{
  width: 520px;
  color: #606060 ;
  font-size: 13px;
  padding-top: 8px;
}

.terrabook-footer > .center label{
  font-family: uvnb;
  font: 16px;
  line-height: 20px;
}

.terrabook-footer > .center a{
  color: #A1A1A1;
}

.terrabook-footer > .right
{
  /*background-image: url(../images/cut015.png);*/
  height: 52px;
  position: relative;
  display: inline-block;
  float:right ;
  margin-right : 20px;
  top:-42px;
}

.right .facebook{
  display: inline-block;
  background-image: url(../images/facebook.png);
  width: 51px;
  height: 51px;
  margin-left: 35px;
}

.right .twitter{
  display: inline-block;
  background-image: url(../images/twitter.png);
  width: 51px;
  height: 51px;
  margin-left: 12px;
}

.right .google{
  display: inline-block;
  background-image: url(../images/google.png);
  width: 51px;
  height: 51px;
  margin-left: 12px;
}
.right .google:hover{
  background-image: url(../images/google1.png);
  
}

.right .twitter:hover{
  background-image: url(../images/twitter1.png);
  
}


.right .facebook:hover{
  background-image: url(../images/face1.png);
  
}
.terrabook-homepage-banner
{
  display: inline-block;
  position: relative;
  height: 412px;
  overflow: hidden;
  width: 774px;
}
/**end footer**/
.terrabook-lower{
  margin-top:-1px;
}
.terrabook-left{
  display: inline-block;
  position:relative;
  vertical-align: top;
}
.terrabook-right
{
  display: inline-block;
  margin-left:-4px;
  position:relative;
  vertical-align: top;
}
  
.terrabook-column{
  position: relative;
  display: inline-block;
  max-height: 172px;
  width: 258px;
  vertical-align: top;
  margin-left:-4px;
}

#loginButton {
	line-height: normal !important;
	cursor: pointer;
	font-size : 20px;
	font-weight: bold;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}
#loginButton:hover{
	background : #3300FF ;
	
}
.register-login-button{
	position: relative;
	left:111px;
	float:left;
	background-color: #3B5998;
	border: 1px solid #3B5998;
	width: 150px;
	height: 60px;
	cursor: pointer;
	margin :5px 20px;
}
.login-login-button{
	position: relative;
	left:111px;
	float:left;
	background-color: #5B74A8;
	border: 1px solid #1A356E;
	width: 150px;
	height: 60px !important;
	cursor: pointer;
	margin-top:5px;
	border-radius : 10px;
	color:white;
	font-weight: bold;
	left:0px;
}

.register-login-button:hover{
	background : #3300FF ;
	border: 1px solid #1A356E;
	border-radius : 7px;
}
.register-login-button a{
	color: #FFF;
	text-decoration: none ;
	font-weight: bold;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size : 20px;
}
